﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>消费历史记录</title>
	<meta charset="utf-8" />
    <link href="../jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />
    <link href="../jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <script src="../jquery-easyui-1.4.3/jquery.min.js"></script>
    <script src="../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
    $("#dg").datagrid({
    fitColumns: true,
    toolbar: "#tb",//工具栏
    pagination: true,//分页
    singleSelect: true,//选择行（单选）
    rownumbers: true,//序列号（行）
    method:"get",//决定请求方式get或post
    url: "/jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json",
    columns: [[
    { field: 'productid', title: '订单号', width: 80 },
    { field: 'productname', title: '会员卡号', width: 80 },
    { field: 'unitcost', title: '会员姓名', width: 80, align: 'right' }
    ]]
    });
    });
    </script>
</head>
<body>
    <fieldset style="border-color:cornflowerblue; border:1.5px solid rgb(149,183,231)">
        <legend><b>查找会员</b></legend>
            <table>
            <tr>
                <td>会员卡号/电话：</td>
                <td><input id="txtPhone" type="text" class="easyui-textbox" /></td>
                <td><input id="btnRecord" type="button" value="全部消费记录" class="easyui-linkbutton"/></td>
            </tr>
        </table>
        </fieldset>
    <fieldset style="border-color:cornflowerblue; border:1.5px solid rgb(149,183,231)">
        <legend><b>消费记录列表</b></legend>        
        <table id="dg"></table>
        </fieldset>
</body>
</html>
